<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="description" content='' />
        <meta name="keywords" content=''/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <title>米其儿|网站首页</title>
        <link rel="stylesheet" type="text/css" href="static/css/reset.css" />
        <link rel="stylesheet" type="text/css" href="static/css/style.css" />
    </head>
    <body>
        <!-- header -->
        <div class="index-header">
            <div class="block">
                <a href="index.html" class="logo">
                    <h3>用心传播，用爱感动</h3>
                    <h4>Spread with heart, Move with love</h4>
                </a>
                <div class="tel">
                    <p class="p1">| 加入米其儿 |</p>
                    <p class="p2">| 您身边的米其儿 |</p>
                    <p class="p3">| 全国加盟热线：<strong>400-0256-999</strong> |</p>
                </div>
                <div class="nav-main">
                    <a href="index.html" class="active">首页</a>
                    <a href="about.html">关于MICHIL</a>
                    <a href="zaojiao.html">MICHIL国际早教</a>
                    <a href="news.html">MICHIL动态</a>
                    <a href="kecheng.html">MICHIL课程套组</a>
                    <a href="jiameng.html">加盟MICHIL</a>
                    <a href="lianxi.html">联系我们</a>
                </div>
                <div class="search">
                    <div class="inner">
                        <form action="">
                            <input type="text" class="kw" id="search" value="请输入关键字" onblur="if($(this).val()=='')$(this).val('请输入关键字')" onfocus="if($(this).val()=='请输入关键字')$(this).val('')" />
                            <input type="button" class="ok" id="searchbtn" />
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- banner -->
        <div class="index-banner">
            <!--banner构造-->
            <ul class="index-banner-item">
                <li class="index-banner-list" style="background-image: url('static/images/index-banner1.jpg')">
                    <a href="javascript:void(0)"></a>
                </li>
                <li class="index-banner-list" style="background-image: url('static/images/index-banner2.jpg')">
                    <a href="javascript:void(0)"></a>
                </li>
                <li class="index-banner-list" style="background-image: url('static/images/index-banner3.jpg')">
                    <a href="javascript:void(0)"></a>
                </li>
                <li class="index-banner-list" style="background-image: url('static/images/index-banner4.jpg')">
                    <a href="javascript:void(0)"></a>
                </li>
                <li class="index-banner-list" style="background-image: url('static/images/index-banner5.jpg')">
                    <a href="javascript:void(0)"></a>
                </li>
            </ul>
            <ol>
                <li class="active">
                    <a href="javascript:void(0)">MICHIL-幼教品牌</a>
                </li>
                <li>
                    <a href="javascript:void(0)">MICHIL-幼教品牌</a>
                </li>
                <li>
                    <a href="javascript:void(0)">MICHIL-幼教品牌</a>
                </li>
                <li>
                    <a href="javascript:void(0)">MICHIL-幼教品牌</a>
                </li>
                <li>
                    <a href="javascript:void(0)">MICHIL-幼教品牌</a>
                </li>
            </ol>
        </div>
        <!-- 教育方案 -->
        <div class="index-project">
            <div class="index-icon"></div>
            <div class="block">
                <div class="title">
                    <h2>MICHIL3.0 教育方案</h2>
                    <h3>Education starts with baby</h3>
                    <h4>MICHIL的成功，你可以复制，加盟MICHIL，实现创业梦</h4>
                </div>
                <ul class="content">
                    <li class="l1">
                        <img src="static/images/project-list1.png" alt="" />
                    </li>
                    <li class="l2">
                        <div class="cont">
                            <h5>Happy Baby Family</h5>
                            <h6>宝在米家</h6>
                            <p>多彩人生第一步<br>中国早教3.0“心”时代的倡导者<br>为0~6岁儿童提供家长陪同下的早期教务服务</p>
                            <a href="javascript:void(0)" class="link" target="_blank">view more</a>
                        </div>
                    </li>
                    <li class="l3">
                        <img src="static/images/project-list2.png" alt="" />
                        <div class="cont">
                            <h5>Set Of Course</h5>
                            <h6>MICHIL课程套组</h6>
                            <p>多彩人生第一步<br>中国早教3.0“心”时代的倡导者<br>为0~6岁儿童提供家长陪同下的早期教务服务</p>
                            <a href="javascript:void(0)" class="link" target="_blank">view more</a>
                        </div>
                    </li>
                    <li class="l4">
                        <img src="static/images/project-list3.png" alt="" />
                        <div class="cont">
                            <h5>Learning Center</h5>
                            <h6>MICHIL早教中心</h6>
                            <p>多彩人生第一步<br>中国早教3.0“心”时代的倡导者<br>为0~6岁儿童提供家长陪同下的早期教务服务</p>
                            <a href="javascript:void(0)" class="link" target="_blank">view more</a>
                        </div>
                    </li>
                    <li class="l5">
                        <img src="static/images/project-list4.jpg" />
                    </li>
                </ul>
            </div>
        </div>
        <!-- 新闻中心 -->
        <div class="index-news">
            <div class="index-icon active"></div>
            <div class="block">
                <div class="title">
                    <h2>新闻中心</h2>
                    <h3>News and trends</h3>
                    <h4>MICHIL的成功，你可以复制，加盟MICHIL，实现创业梦</h4>
                </div>
                <div class="content">
                    <div class="left newsBanner">
                        <ul>
                            <li>
                                <a href="javascript:void(0)">
                                    <img src="http://www.rybbaby.com/Uploads/Picture/2017/09/27/s59cbca2686c40.jpg" alt="" />
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <img src="http://www.rybbaby.com/Uploads/Picture/2017/11/03/s59fc1a910eca5.jpg" alt="" />
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <img src="http://www.rybbaby.com/Uploads/Picture/2017/10/27/s59f353380ab6f.jpg" alt="" />
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <img src="http://www.rybbaby.com/Uploads/Picture/2017/10/11/s59dd94da1dcda.jpg" alt="" />
                                </a>
                            </li>
                        </ul>
                        <a href="javascript:void(0)" class="arr news-prev"></a>
                        <a href="javascript:void(0)" class="arr news-next"></a>
                    </div>
                    <div class="right bannerOl">
                        <ol>
                            <li class="active">
                                <span class="arrow"></span>
                                <h5>
                                    <a href="javascript:void(0)" target="_blank">红黄蓝成功登陆纽交所 以国际资本共筑中国优质学前教育发展</a>
                                </h5>
                                <p>
                                    <a href="javascript:void(0)" target="_blank">美国东部时间2017年9月27日上午9点30分，红黄蓝教育机构（RYB Education）在美国纽约证券交易所挂牌上市（NYSE：RYB），成为中国首家独立上市的学前教育企业。</a>
                                </p>
                            </li>
                            <li>
                                <span class="arrow"></span>
                                <h5>
                                    <a href="javascript:void(0)" target="_blank">红黄蓝成功登陆纽交所 以国际资本共筑中国优质学前教育发展</a>
                                </h5>
                                <p>
                                    <a href="javascript:void(0)" target="_blank">美国东部时间2017年9月27日上午9点30分，红黄蓝教育机构（RYB Education）在美国纽约证券交易所挂牌上市（NYSE：RYB），成为中国首家独立上市的学前教育企业。</a>
                                </p>
                            </li>
                            <li>
                                <span class="arrow"></span>
                                <h5>
                                    <a href="javascript:void(0)" target="_blank">红黄蓝成功登陆纽交所 以国际资本共筑中国优质学前教育发展</a>
                                </h5>
                                <p>
                                    <a href="javascript:void(0)" target="_blank">美国东部时间2017年9月27日上午9点30分，红黄蓝教育机构（RYB Education）在美国纽约证券交易所挂牌上市（NYSE：RYB），成为中国首家独立上市的学前教育企业。</a>
                                </p>
                            </li>
                            <li>
                                <span class="arrow"></span>
                                <h5>
                                    <a href="javascript:void(0)" target="_blank">红黄蓝成功登陆纽交所 以国际资本共筑中国优质学前教育发展</a>
                                </h5>
                                <p>
                                    <a href="javascript:void(0)" target="_blank">美国东部时间2017年9月27日上午9点30分，红黄蓝教育机构（RYB Education）在美国纽约证券交易所挂牌上市（NYSE：RYB），成为中国首家独立上市的学前教育企业。</a>
                                </p>
                            </li> 
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- 加入我们 -->
        <div class="index-joinUs">
            <div class="joinUs-icon"></div>
            <div class="block">
                <div class="title">
                    <h2>加入我们</h2>
                    <h3>Join us</h3>
                    <p>一个人的成功是成功，一群人的成功是幸福Right行业+Right时机+Right品牌，成功在于找到属于你的“3R”事业MICHIL的成功，你可以复制，加盟MICHIL，实现创业梦</p>
                </div>
                <div class="tel"></div>
                <ul class="box">
                    <li class="animate0">
                        <div class="ico">
                            <img src="static/images/box-list1.png" alt="" />
                        </div>
                        <p>大众创业万众创新的大时代</p>
                    </li>
                    <li class="animate1">
                        <div class="ico">
                            <img src="static/images/box-list2.png" alt="" />
                        </div>
                        <p>大众创业万众创新的大时代</p>
                    </li>
                    <li class="animate2">
                        <div class="ico">
                            <img src="static/images/box-list3.png" alt="" />
                        </div>
                        <p>大众创业万众创新的大时代</p>
                    </li>
                    <li class="animate3">
                        <div class="ico">
                            <img src="static/images/box-list4.png" alt="" />
                        </div>
                        <p>大众创业万众创新的大时代</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 留言板 -->
        <div class="index-message">
            <div class="message-icon"></div>
            <div class="title">
                <h2>留言板</h2>
                <h3>Message board</h3>
                <p>一个人的成功是成功，一群人的成功是幸福Right行业+Right时机+Right品牌，成功在于找到属于你的“3R”事业MICHIL的成功，你可以复制，加盟MICHIL，实现创业梦</p>
            </div>
            <div class="content">
                <form action="">
                    <div class="name">
                        <i class="nameIco"></i>
                        <input type="text" placeholder="请输入您的名字" />
                    </div>
                    <div class="phone">
                        <i class="phoneIco"></i>
                        <input type="text" placeholder="请输入您的电话" />
                    </div>
                    <div class="tellme">
                        <i class="emailIco"></i>
                        <textarea placeholder="请输入您想对我们说的话..." ></textarea>
                    </div>
                    <a href="javascript:void(0)" class="submit-btn">提交申请</a>
                </form>
            </div>
        </div>
        <!-- footer -->
        <div class="index-footer">
            <div class="block">
                <ul class="clearfix">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="about.html">关于米其儿</a></li>
                    <li><a href="javascript:void(0)">我们的课程</a></li>
                    <li><a href="javascript:void(0)">新闻与活动</a></li>
                    <li><a href="javascript:void(0)">全国分中心</a></li>
                    <li><a href="javascript:void(0)">加盟米其儿</a></li>
                    <li><a href="fawu.html">法务公告</a></li>
                    <li><a href="renzheng.html">认证教师查询</a></li>
                    <li><a href="renzheng.html">认证园所查询</a></li>
                </ul>
                <p class="footer-p1">
                    <span>Copyright©2015-2018南京米其儿教育信息咨询有限公司版权所有</span> 
                    <span>工信部备案：苏ICP备16059</span> 
                    <span>技术支持：唯行科技</span>    
                </p>
                <p class="footer-p2">
                    <span>公司总部地址：南京江宁万达广场B座1009室</span>
                    <span>Email:michil@michi.hk</span>
                </p>
            </div>
        </div>
        <!-- 联系我们 -->
        <a href="javascript:void(0)" class="aboutUsIco"></a>
    </body>
    <script type="text/javascript" src="static/js/jQuery.js"></script>
    <!-- <script type="text/javascript" src="static/js/jquery.nicescroll.min.js"></script> -->
    <script type="text/javascript" src="static/js/banner1.js"></script>
    <script type="text/javascript" src="static/js/index.js"></script>
    <script type="text/javascript">
        //project
        $(window).scroll(function(){
            var scrollTop = $(this).scrollTop();
            if(scrollTop > winHeight-300){
                $('.index-project').addClass('show');
            }
            //join us
            if(scrollTop > $('.index-joinUs h2').offset().top-400){
                $('.index-joinUs .box li').addClass('rollIn');
            }
        })
    </script>
</html>